<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*

	----- CSS3 鍔ㄧ敾搴� -----
	-浣滆€�     : yoyo      -
	-鍒涘缓鏃堕棿 : 2014-09-03-
	-鏇存柊鏃堕棿 : 2014-09-03-
    -----------------------

*/

/* 
	-- 鐩綍 --

	// -------- 鍩烘湰 --------
	01.闂叧鐏�
	02.寮硅捣
	03.鎽囨憜
	04.绉嬪崈
	05.涓績鎽囨憜
	06.鐤媯鎽囨憜
	07.鑴夊啿
	08.缈昏浆

	// -------- 娣″叆娣″嚭 --------
	09.X杞寸炕杞贰鍏�
	10.X杞寸炕杞贰鍑�
	11.Y杞寸炕杞贰鍏�
	12.Y杞寸炕杞贰鍑�
	13.娣″叆
	14.涓嬫柟娣″叆
	15.涓婃柟娣″叆
	16.宸﹁竟娣″叆
	17.鍙宠竟娣″叆
	18.搴曢儴娣″叆
	20.椤甸潰宸﹁竟娣″叆
	21.椤甸潰鍙宠竟娣″叆
	22.娣″嚭
	23.鍚戜笂娣″嚭
	24.鍚戜笅娣″嚭
	25.鍚戝乏娣″嚭
	26.鍚戝彸娣″嚭
	27.椤堕儴娣″嚭
	28.搴曢儴娣″嚭
	29.椤甸潰宸﹁竟娣″嚭
	30.椤甸潰鍙宠竟娣″嚭

	// -------- 寮硅烦 --------
	31.寮硅烦杩涘叆
	32.浠庝笂闈㈠脊璺宠繘鍏�
	33.浠庝笅闈㈠脊璺宠繘鍏�
	34.浠庡乏杈瑰脊璺宠繘鍏�
	35.浠庡彸杈瑰脊璺宠繘鍏�
	36.寮硅烦閫€鍑�
	37.寰€涓嬪脊璺抽€€鍑�
	38.寰€涓婂脊璺抽€€鍑�
	39.寰€宸﹀脊璺抽€€鍑�

	// -------- 鏃嬭浆 --------
	40.鏃嬭浆杩涘叆
	41.宸﹁竟鏃嬭浆杩涘叆
	42.鍙宠竟鏃嬭浆杩涘叆
	43.浠ュ乏涓嬭涓轰腑蹇冩棆杞繘鍏�
	44.浠ュ彸涓嬭涓轰腑蹇冩棆杞繘鍏�
	45.鏃嬭浆閫€鍑�
	46.浠ュ乏涓嬭涓轰腑蹇冩棆杞€€鍑�
	47.浠ュ彸涓嬭涓轰腑蹇冩棆杞€€鍑�
	48.浠ュ乏涓嬭涓轰腑蹇冨悜涓婃棆杞€€鍑�
	49.浠ュ彸涓嬭涓轰腑蹇冨悜涓婃棆杞€€鍑�
	50.鏃嬭浆鐫€杩涘叆
	51.鏃嬭浆鐫€閫€鍑�

	

*/



/* let's go --------------------------------------------------------------------------- */

/* 1.闂叧鐏� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭�  */

.css3-flashes 	 		{
							-webkit-animation:flash 1s .2s ease both;
							-moz-animation:flash 1s .2s ease both;}
							@-webkit-keyframes flash{
							0%,50%,100%{opacity: 1;}
							25%,75%{opacity: 0;}
						}

@-moz-keyframes flash 	{
							0%,50%,100%{opacity: 1;}
							25%,75%{opacity: 0;}
						}

/* 2.寮硅捣 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭�  */ 

.css3-pop 				{
							-webkit-animation:bounce 1s .2s ease both;
							-moz-animation:bounce 1s .2s ease both;}
@-webkit-keyframes bounce{
							0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
							40%{-webkit-transform:translateY(-30px)}
							60%{-webkit-transform:translateY(-15px)}
						}

@-moz-keyframes bounce 	{
							0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
							40%{-moz-transform:translateY(-30px)}
							60%{-moz-transform:translateY(-15px)}
}

/* 3.鎽囨憜 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-swinging 			{
							-webkit-animation:shake 1s .2s ease both;
							-moz-animation:shake 1s .2s ease both;}
							@-webkit-keyframes shake{
							0%,100%{-webkit-transform:translateX(0);}
							10%,30%,50%,70%, 90%{-webkit-transform:translateX(-10px);}
							20%,40%,60%,80%{-webkit-transform:translateX(10px);}
						}

@-moz-keyframes shake 	{
							0%,100%{-moz-transform:translateX(0);}
							10%,30%,50%,70%, 90%{-moz-transform:translateX(-10px);}
							20%,40%,60%,80%{-moz-transform:translateX(10px);}
						}

/* 4.绉嬪崈 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.css3-swing 	 		{
							-webkit-animation:tada 1s .2s ease both;
							-moz-animation:tada 1s .2s ease both;}
							@-webkit-keyframes tada{
							0%{-webkit-transform:scale(1)}
							10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
							30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
							40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
							100%{-webkit-transform:scale(1) rotate(0)}
						}		

@-moz-keyframes tada 	{
							0%{-moz-transform:scale(1)}
							10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
							30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
							40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
							100%{-moz-transform:scale(1) rotate(0)}
						}	

/* 5.涓績鎽囨憜 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.css3-swingCenter 		{
							-webkit-animation:swing 1s .2s ease both;
							-moz-animation:swing 1s .2s ease both;
						}

@-webkit-keyframes swing{
							20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
							20%{-webkit-transform:rotate(15deg)}
							40%{-webkit-transform:rotate(-10deg)}
							60%{-webkit-transform:rotate(5deg)}
							80%{-webkit-transform:rotate(-5deg)}
							100%{-webkit-transform:rotate(0deg)}
						}

@-moz-keyframes swing 	{
							20%,40%,60%,80%,100%{-moz-transform-origin:top center}
							20%{-moz-transform:rotate(15deg)}
							40%{-moz-transform:rotate(-10deg)}
							60%{-moz-transform:rotate(5deg)}
							80%{-moz-transform:rotate(-5deg)}
							100%{-moz-transform:rotate(0deg)}
						}

/* 6.鐤媯鎽囨憜 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.css3-swingCrazy 		{
							-webkit-animation:wobble 1s .2s ease both;
							-moz-animation:wobble 1s .2s ease both;
}

@-webkit-keyframes wobble{
							0%{-webkit-transform:translateX(0%)}
							15%{-webkit-transform:translateX(-25%) rotate(-5deg)}
							30%{-webkit-transform:translateX(20%) rotate(3deg)}
							45%{-webkit-transform:translateX(-15%) rotate(-3deg)}
							60%{-webkit-transform:translateX(10%) rotate(2deg)}
							75%{-webkit-transform:translateX(-5%) rotate(-1deg)}
							100%{-webkit-transform:translateX(0%)}
						}

@-moz-keyframes wobble 	{
							0%{-moz-transform:translateX(0%)}
							15%{-moz-transform:translateX(-25%) rotate(-5deg)}
							30%{-moz-transform:translateX(20%) rotate(3deg)}
							45%{-moz-transform:translateX(-15%) rotate(-3deg)}
							60%{-moz-transform:translateX(10%) rotate(2deg)}
							75%{-moz-transform:translateX(-5%) rotate(-1deg)}
							100%{-moz-transform:translateX(0%)}
						}

/* 7.鑴夊啿 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-pulse 			{
							-webkit-animation:pulse 1s .2s ease both;
							-moz-animation:pulse 1s .2s ease both;
						}

@-webkit-keyframes pulse{
							0%{-webkit-transform:scale(1)}
							50%{-webkit-transform:scale(1.1)}
							100%{-webkit-transform:scale(1)}
						}

@-moz-keyframes pulse 	{
							0%{-moz-transform:scale(1)}
							50%{-moz-transform:scale(1.1)}
							100%{-moz-transform:scale(1)}
						}

/* 8.缈昏浆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-flip 				{
							-webkit-animation:flip 1s .2s ease both;
							-moz-animation:flip 1s .2s ease both;
						}

@-webkit-keyframes flip {
							0%{-webkit-transform:perspective(400px) rotateY(0);
							-webkit-animation-timing-function:ease-out}
							40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
							-webkit-animation-timing-function:ease-out}
							50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
							-webkit-animation-timing-function:ease-in}
							80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
							-webkit-animation-timing-function:ease-in}
							100%{-webkit-transform:perspective(400px) scale(1);
							-webkit-animation-timing-function:ease-in}
						}

@-moz-keyframes flip 	{
							0%{-moz-transform:perspective(400px) rotateY(0);
							-moz-animation-timing-function:ease-out}
							40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
							-moz-animation-timing-function:ease-out}
							50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
							-moz-animation-timing-function:ease-in}
							80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);
							-moz-animation-timing-function:ease-in}
							100%{-moz-transform:perspective(400px) scale(1);
							-moz-animation-timing-function:ease-in}
						}

/* 9.X杞寸炕杞贰鍏� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-flipFadeInX 			{
							-webkit-animation:flipInX 1s .2s ease both;
							-moz-animation:flipInX 1s .2s ease both;
 						}
@-webkit-keyframes flipInX{
							0%{-webkit-transform:perspective(400px) rotateX(90deg);
							opacity:0}
							40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
							70%{-webkit-transform:perspective(400px) rotateX(10deg)}
							100%{-webkit-transform:perspective(400px) rotateX(0deg);
							opacity:1}
						}

@-moz-keyframes flipInX {
							0%{-moz-transform:perspective(400px) rotateX(90deg);
							opacity:0}
							40%{-moz-transform:perspective(400px) rotateX(-10deg)}
							70%{-moz-transform:perspective(400px) rotateX(10deg)}
							100%{-moz-transform:perspective(400px) rotateX(0deg);
							opacity:1}
						}

/* 10.X杞寸炕杞贰鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-flipFadeOutX 		{
							-webkit-animation:flipOutX 1s .2s ease both;
							-moz-animation:flipOutX 1s .2s ease both;
						}

@-webkit-keyframes flipOutX{
							0%{-webkit-transform:perspective(400px) rotateX(0deg);
							opacity:1}
							100%{-webkit-transform:perspective(400px) rotateX(90deg);
							opacity:0}
						}

@-moz-keyframes flipOutX{
							0%{-moz-transform:perspective(400px) rotateX(0deg);
							opacity:1}
							100%{-moz-transform:perspective(400px) rotateX(90deg);
							opacity:0}
						}
/* 11.Y杞寸炕杞贰鍏� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.css3-flipFadeInY 		{
							-webkit-animation:flipInY 1s .2s ease both;
							-moz-animation:flipInY 1s .2s ease both;
}

@-webkit-keyframes flipInY{
							0%{-webkit-transform:perspective(400px) rotateY(90deg);
							opacity:0}
							40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
							70%{-webkit-transform:perspective(400px) rotateY(10deg)}
							100%{-webkit-transform:perspective(400px) rotateY(0deg);
							opacity:1}
						}

@-moz-keyframes flipInY {
							0%{-moz-transform:perspective(400px) rotateY(90deg);
							opacity:0}
							40%{-moz-transform:perspective(400px) rotateY(-10deg)}
							70%{-moz-transform:perspective(400px) rotateY(10deg)}
							100%{-moz-transform:perspective(400px) rotateY(0deg);
							opacity:1}
						}

/* 12.Y杞寸炕杞贰鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-flipFadeOutY 		{
							-webkit-animation:flipOutY 1s .2s ease both;
							-moz-animation:flipOutY 1s .2s ease both;
						}

@-webkit-keyframes flipOutY{
							0%{-webkit-transform:perspective(400px) rotateY(0deg);
							opacity:1}
							100%{-webkit-transform:perspective(400px) rotateY(90deg);
							opacity:0}
						}

@-moz-keyframes flipOutY{
							0%{-moz-transform:perspective(400px) rotateY(0deg);
							opacity:1}
							100%{-moz-transform:perspective(400px) rotateY(90deg);
							opacity:0}
						}

/* 13.娣″叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.css3-fadeIn 	 		{
							-webkit-animation:fadeIn 1s .2s ease both;
							-moz-animation:fadeIn 1s .2s ease both;
						}

						{
							0%{opacity:0}
							100%{opacity:1}
						}

						{
							0%{opacity:0}
							100%{opacity:1}
						}

/* 14.涓嬫柟娣″叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.css3-fadeInDown 		{
							-webkit-animation:fadeInUp 1s .2s ease both;
							-moz-animation:fadeInUp 1s .2s ease both;
						}

@-webkit-keyframes fadeInUp{
							0%{opacity:0;
							-webkit-transform:translateY(20px)}
							100%{opacity:1;
							-webkit-transform:translateY(0)}
						}

@-moz-keyframes fadeInUp{
							0%{opacity:0;
							-moz-transform:translateY(20px)}
							100%{opacity:1;
							-moz-transform:translateY(0)}
						}

/* 15.涓婃柟娣″叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeInUp 			{
							-webkit-animation:fadeInDown 1s .2s ease both;
							-moz-animation:fadeInDown 1s .2s ease both;
						}
@-webkit-keyframes fadeInDown{
							0%{opacity:0;
							-webkit-transform:translateY(-20px)}
							100%{opacity:1;
							-webkit-transform:translateY(0)}
						}

@-moz-keyframes fadeInDown{
							0%{opacity:0;
							-moz-transform:translateY(-20px)}
							100%{opacity:1;
							-moz-transform:translateY(0)}
						}

/* 16.宸﹁竟娣″叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.css3-fadeInLeft 		{
							-webkit-animation:fadeInLeft 1s .2s ease both;
							-moz-animation:fadeInLeft 1s .2s ease both;
						}

@-webkit-keyframes fadeInLeft{
							0%{opacity:0;
							-webkit-transform:translateX(-20px)}
							100%{opacity:1;
							-webkit-transform:translateX(0)}
						}

@-moz-keyframes fadeInLeft{
							0%{opacity:0;
							-moz-transform:translateX(-20px)}
							100%{opacity:1;
							-moz-transform:translateX(0)}
						}

/* 17.鍙宠竟娣″叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.css3-fadeInRight 		{
							-webkit-animation:fadeInRight 1s .2s ease both;
							-moz-animation:fadeInRight 1s .2s ease both;
						}

@-webkit-keyframes fadeInRight{
							0%{opacity:0;
							-webkit-transform:translateX(20px)}
							100%{opacity:1;
							-webkit-transform:translateX(0)}
						}

@-moz-keyframes fadeInRight{
							0%{opacity:0;
							-moz-transform:translateX(20px)}
							100%{opacity:1;
							-moz-transform:translateX(0)}
						}

/* 18.搴曢儴娣″叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.css3-fadeInBottom 		{
							-webkit-animation:fadeInUpBig 1s .2s ease both;
							-moz-animation:fadeInUpBig 1s .2s ease both;
}

@-webkit-keyframes fadeInUpBig{
							0%{opacity:0;
							-webkit-transform:translateY(2000px)}
							100%{opacity:1;
							-webkit-transform:translateY(0)}
						}

@-moz-keyframes fadeInUpBig{
							0%{opacity:0;
							-moz-transform:translateY(2000px)}
							100%{opacity:1;
							-moz-transform:translateY(0)}
						}

/* 19.椤堕儴娣″叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.css3-fadeInTop 	 	{
							-webkit-animation:fadeInDownBig 1s .2s ease both;
							-moz-animation:fadeInDownBig 1s .2s ease both;
						}
@-webkit-keyframes fadeInDownBig{
							0%{opacity:0;
							-webkit-transform:translateY(-2000px)}
							100%{opacity:1;
							-webkit-transform:translateY(0)}
						}

@-moz-keyframes fadeInDownBig{
							0%{opacity:0;
							-moz-transform:translateY(-2000px)}
							100%{opacity:1;
							-moz-transform:translateY(0)}
						}

/* 20.椤甸潰宸﹁竟娣″叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeInToLeft 		{
							-webkit-animation:fadeInLeftBig 1s .2s ease both;
							-moz-animation:fadeInLeftBig 1s .2s ease both;
						}
@-webkit-keyframes fadeInLeftBig{
							0%{opacity:0;
							-webkit-transform:translateX(-2000px)}
							100%{opacity:1;
							-webkit-transform:translateX(0)}
						}

@-moz-keyframes fadeInLeftBig{
							0%{opacity:0;
							-moz-transform:translateX(-2000px)}
							100%{opacity:1;
							-moz-transform:translateX(0)}
						}

/* 21.椤甸潰鍙宠竟娣″叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeInToRight 	{
							-webkit-animation:fadeInRightBig 1s .2s ease both;
							-moz-animation:fadeInRightBig 1s .2s ease both;
						}

@-webkit-keyframes fadeInRightBig{
							0%{opacity:0;
							-webkit-transform:translateX(2000px)}
							100%{opacity:1;
							-webkit-transform:translateX(0)}
						}				

@-moz-keyframes fadeInRightBig{
							0%{opacity:0;
							-moz-transform:translateX(2000px)}
							100%{opacity:1;
							-moz-transform:translateX(0)}
						}


/* 22.娣″嚭 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeOut 			{
							-webkit-animation:fadeOut 1s .2s ease both;
							-moz-animation:fadeOut 1s .2s ease both;
}

							-webkit-animation-name:fadeOut;
							-moz-animation-name:fadeOut;


/* 23.鍚戜笂娣″嚭 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeOutUp 		{
							-webkit-animation:fadeOutUp 1s .2s ease both;
							-moz-animation:fadeOutUp 1s .2s ease both;
}

@-webkit-keyframes fadeOutUp{
							0%{opacity:1;
							-webkit-transform:translateY(0)}
							100%{opacity:0;
							-webkit-transform:translateY(-20px)}
						}

@-moz-keyframes fadeOutUp{
							0%{opacity:1;
							-moz-transform:translateY(0)}
							100%{opacity:0;
							-moz-transform:translateY(-20px)}
						}


/* 24.鍚戜笅娣″嚭 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeOutDown 		{
							-webkit-animation:fadeOutDown 1s .2s ease both;
							-moz-animation:fadeOutDown 1s .2s ease both;
						}

@-webkit-keyframes fadeOutDown{
							0%{opacity:1;
							-webkit-transform:translateY(0)}
							100%{opacity:0;
							-webkit-transform:translateY(20px)}
						}

@-moz-keyframes fadeOutDown{
							0%{opacity:1;
							-moz-transform:translateY(0)}
							100%{opacity:0;
							-moz-transform:translateY(20px)}
						}

/* 25.鍚戝乏娣″嚭 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeOutLeft 		{

							-webkit-animation:fadeOutLeft 1s .2s ease both;
							-moz-animation:fadeOutLeft 1s .2s ease both;
						}	

@-webkit-keyframes fadeOutLeft{
							0%{opacity:1;
							-webkit-transform:translateX(0)}
							100%{opacity:0;
							-webkit-transform:translateX(-20px)}
						}

@-moz-keyframes fadeOutLeft{
							0%{opacity:1;
							-moz-transform:translateX(0)}
							100%{opacity:0;
							-moz-transform:translateX(-20px)}
						}

/* 26.鍚戝彸娣″嚭 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeOutRight 		{
							-webkit-animation:fadeOutRight 1s .2s ease both;
							-moz-animation:fadeOutRight 1s .2s ease both;
						}

@-webkit-keyframes fadeOutRight{

							0%{opacity:1;
							-webkit-transform:translateX(0)}
							100%{opacity:0;
							-webkit-transform:translateX(20px)}
						}

@-moz-keyframes fadeOutRight{
							0%{opacity:1;
							-moz-transform:translateX(0)}
							100%{opacity:0;
							-moz-transform:translateX(20px)}
						}

/* 27.椤堕儴娣″嚭 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeOutTop 		{
							-webkit-animation:fadeOutUpBig 1s .2s ease both;
							-moz-animation:fadeOutUpBig 1s .2s ease both;
						}

@-webkit-keyframes fadeOutUpBig{
							0%{opacity:1;
							-webkit-transform:translateY(0)}
							100%{opacity:0;
							-webkit-transform:translateY(-2000px)}
						}

@-moz-keyframes fadeOutUpBig{
							0%{opacity:1;
							-moz-transform:translateY(0)}
							100%{opacity:0;
							-moz-transform:translateY(-2000px)}
						}
 
/* 28.搴曢儴娣″嚭 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeOutBottom 	{
							-webkit-animation:fadeOutDownBig 1s .2s ease both;
							-moz-animation:fadeOutDownBig 1s .2s ease both;
}

							-webkit-animation-name:fadeOutDownBig;
							-moz-animation-name:fadeOutDownBig;

/* 29.椤甸潰宸﹁竟娣″嚭 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeOutToLeft 	{
							-webkit-animation:fadeOutLeftBig 1s .2s ease both;
							-moz-animation:fadeOutLeftBig 1s .2s ease both;
						}

@-webkit-keyframes fadeOutLeftBig{
							0%{opacity:1;
							-webkit-transform:translateX(0)}
							100%{opacity:0;
							-webkit-transform:translateX(-2000px)}
						}

@-moz-keyframes fadeOutLeftBig{
							0%{opacity:1;
							-moz-transform:translateX(0)}
							100%{opacity:0;
							-moz-transform:translateX(-2000px)}
						}

/* 30.椤甸潰鍙宠竟娣″嚭 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.css3-fadeOutToRight 	{
							-webkit-animation:fadeOutRightBig 1s .2s ease both;
							-moz-animation:fadeOutRightBig 1s .2s ease both;
						}

@-webkit-keyframes fadeOutRightBig{
							0%{opacity:1;
							-webkit-transform:translateX(0)}
							100%{opacity:0;
							-webkit-transform:translateX(2000px)}
						}

@-moz-keyframes fadeOutRightBig{
							0%{opacity:1;
							-moz-transform:translateX(0)}
							100%{opacity:0;
							-moz-transform:translateX(2000px)}
						}


/* 31.寮硅烦杩涘叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭� */

.bounceIn 				{
							-webkit-animation:bounceIn 1s .2s ease both;
							-moz-animation:bounceIn 1s .2s ease both;
						}

@-webkit-keyframes bounceIn{
							0%{opacity:0;
							-webkit-transform:scale(.3)}
							50%{opacity:1;
							-webkit-transform:scale(1.05)}
							70%{-webkit-transform:scale(.9)}
							100%{-webkit-transform:scale(1)}
						}

@-moz-keyframes bounceIn{
							0%{opacity:0;
							-moz-transform:scale(.3)}
							50%{opacity:1;
							-moz-transform:scale(1.05)}
							70%{-moz-transform:scale(.9)}
							100%{-moz-transform:scale(1)}
						}

/* 32.浠庝笂闈㈠脊璺宠繘鍏� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.bounceInDown 			{
							-webkit-animation:bounceInDown 1s .2s ease both;
							-moz-animation:bounceInDown 1s .2s ease both;
						}
@-webkit-keyframes bounceInDown{
							0%{opacity:0;
							-webkit-transform:translateY(-2000px)}
							60%{opacity:1;
							-webkit-transform:translateY(30px)}
							80%{-webkit-transform:translateY(-10px)}
							100%{-webkit-transform:translateY(0)}
						}

@-moz-keyframes bounceInDown{
							0%{opacity:0;
							-moz-transform:translateY(-2000px)}
							60%{opacity:1;
							-moz-transform:translateY(30px)}
							80%{-moz-transform:translateY(-10px)}
							100%{-moz-transform:translateY(0)}
						}

/* 33.浠庝笅闈㈠脊璺宠繘鍏� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.bounceInUp 			{
							-webkit-animation:bounceInUp 1s .2s ease both;
							-moz-animation:bounceInUp 1s .2s ease both;
						}

@-webkit-keyframes bounceInUp{
							0%{opacity:0;
							-webkit-transform:translateY(2000px)}
							60%{opacity:1;
							-webkit-transform:translateY(-30px)}
							80%{-webkit-transform:translateY(10px)}
							100%{-webkit-transform:translateY(0)}
						}

@-moz-keyframes bounceInUp{
							0%{opacity:0;
							-moz-transform:translateY(2000px)}
							60%{opacity:1;
							-moz-transform:translateY(-30px)}
							80%{-moz-transform:translateY(10px)}
							100%{-moz-transform:translateY(0)}
						}

/* 34.浠庡乏杈瑰脊璺宠繘鍏� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.bounceInLeft 			{
							-webkit-animation:bounceInLeft 1.2s .2s ease both;
							-moz-animation:bounceInLeft 1.2s .2s ease both;
}

@-webkit-keyframes bounceInLeft{
							0%{opacity:0;
							-webkit-transform:translateX(-2000px)}
							60%{opacity:1;
							-webkit-transform:translateX(30px)}
							80%{-webkit-transform:translateX(-10px)}
							100%{-webkit-transform:translateX(0)}
						}

@-moz-keyframes bounceInLeft{
							0%{opacity:0;
							-moz-transform:translateX(-2000px)}
							60%{opacity:1;
							-moz-transform:translateX(30px)}
							80%{-moz-transform:translateX(-10px)}
							100%{-moz-transform:translateX(0)}
						}

/* 35.浠庡彸杈瑰脊璺宠繘鍏� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.bounceInRight 			{
							-webkit-animation:bounceInRight 1s .2s ease both;
							-moz-animation:bounceInRight 1s .2s ease both;
						}

@-webkit-keyframes bounceInRight{
							0%{opacity:0;
							-webkit-transform:translateX(2000px)}
							60%{opacity:1;
							-webkit-transform:translateX(-30px)}
							80%{-webkit-transform:translateX(10px)}
							100%{-webkit-transform:translateX(0)}
						}

@-moz-keyframes bounceInRight{
							0%{opacity:0;
							-moz-transform:translateX(2000px)}
							60%{opacity:1;
							-moz-transform:translateX(-30px)}
							80%{-moz-transform:translateX(10px)}
							100%{-moz-transform:translateX(0)}
						}

/* 36.寮硅烦閫€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.bounceOut 				{
							-webkit-animation:bounceOut 1s .2s ease both;
							-moz-animation:bounceOut 1s .2s ease both;
						}

@-webkit-keyframes bounceOut{
							0%{-webkit-transform:scale(1)}
							25%{-webkit-transform:scale(.95)}
							50%{opacity:1;
							-webkit-transform:scale(1.1)}
							100%{opacity:0;
							-webkit-transform:scale(.3)}
						}	

@-moz-keyframes bounceOut{
							0%{-moz-transform:scale(1)}
							25%{-moz-transform:scale(.95)}
							50%{opacity:1;
							-moz-transform:scale(1.1)}
							100%{opacity:0;
							-moz-transform:scale(.3)}
						}

/* 37.寰€涓嬪脊璺抽€€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.bounceOutDown 			{
							-webkit-animation:bounceOutDown 1s .2s ease both;
							-moz-animation:bounceOutDown 1s .2s ease both;
						}

@-webkit-keyframes bounceOutDown{
							0%{-webkit-transform:translateY(0)}
							20%{opacity:1;
							-webkit-transform:translateY(-20px)}
							100%{opacity:0;
							-webkit-transform:translateY(2000px)}
						}

@-moz-keyframes bounceOutDown{
							0%{-moz-transform:translateY(0)}
							20%{opacity:1;
							-moz-transform:translateY(-20px)}
							100%{opacity:0;
							-moz-transform:translateY(2000px)}
						}

/* 38.寰€涓婂脊璺抽€€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.bounceInUp 			{
							-webkit-animation:bounceOutUp 1s .2s ease both;
							-moz-animation:bounceOutUp 1s .2s ease both;
						}

@-webkit-keyframes bounceOutUp{
							0%{-webkit-transform:translateY(0)}
							20%{opacity:1;
							-webkit-transform:translateY(20px)}
							100%{opacity:0;
							-webkit-transform:translateY(-2000px)}
						}

@-moz-keyframes bounceOutUp{
							0%{-moz-transform:translateY(0)}
							20%{opacity:1;
							-moz-transform:translateY(20px)}
							100%{opacity:0;
							-moz-transform:translateY(-2000px)}
						}

/* 39.寰€宸﹀脊璺抽€€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.bounceOutLeft 			{
							-webkit-animation:bounceInLeft 1s .2s ease both;
							-moz-animation:bounceInLeft 1s .2s ease both;
						}

@-webkit-keyframes bounceInLeft{

							0%{opacity:0;
							-webkit-transform:translateX(-2000px)}
							60%{opacity:1;
							-webkit-transform:translateX(30px)}
							80%{-webkit-transform:translateX(-10px)}
							100%{-webkit-transform:translateX(0)}
						}


@-moz-keyframes bounceInLeft{

							0%{opacity:0;
							-moz-transform:translateX(-2000px)}
							60%{opacity:1;
							-moz-transform:translateX(30px)}
							80%{-moz-transform:translateX(-10px)}
							100%{-moz-transform:translateX(0)}
						}


/* 39.寰€鍙冲脊璺抽€€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.bounceOutRight 		{
							-webkit-animation:bounceOutRight 1s .2s ease both;
							-moz-animation:bounceOutRight 1s .2s ease both;
						}


@-webkit-keyframes bounceOutRight{
							0%{-webkit-transform:translateX(0)}
							20%{opacity:1;
							-webkit-transform:translateX(-20px)}
							100%{opacity:0;
							-webkit-transform:translateX(2000px)}
						}

@-moz-keyframes bounceOutRight{
							0%{-moz-transform:translateX(0)}
							20%{opacity:1;
							-moz-transform:translateX(-20px)}
							100%{opacity:0;
							-moz-transform:translateX(2000px)}
						}

/*40.鏃嬭浆杩涘叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rotateIn 				{
							-webkit-animation:rotateIn 1s .2s ease both;
							-moz-animation:rotateIn 1s .2s ease both;
}

@-webkit-keyframes rotateIn{
							0%{-webkit-transform-origin:center center;
							-webkit-transform:rotate(-200deg);
							opacity:0}
							100%{-webkit-transform-origin:center center;
							-webkit-transform:rotate(0);
							opacity:1}
						}

@-moz-keyframes rotateIn{
							0%{-moz-transform-origin:center center;
							-moz-transform:rotate(-200deg);
							opacity:0}
							100%{-moz-transform-origin:center center;
							-moz-transform:rotate(0);
							opacity:1}
						}

/*41.宸﹁竟鏃嬭浆杩涘叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rotateInDownLeft 		{
							-webkit-animation:rotateInDownLeft 1s .2s ease both;
							-moz-animation:rotateInDownLeft 1s .2s ease both;
						}

@-webkit-keyframes rotateInDownLeft{
							0%{-webkit-transform-origin:left bottom;
							-webkit-transform:rotate(-90deg);
							opacity:0}
							100%{-webkit-transform-origin:left bottom;
							-webkit-transform:rotate(0);
							opacity:1}
						}
							@-moz-keyframes rotateInDownLeft{
							0%{-moz-transform-origin:left bottom;
							-moz-transform:rotate(-90deg);
							opacity:0}
							100%{-moz-transform-origin:left bottom;
							-moz-transform:rotate(0);
							opacity:1}
						}

/*42.鍙宠竟鏃嬭浆杩涘叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rotateInDownRight 		{
							-webkit-animation:rotateInDownRight 1s .2s ease both;
							-moz-animation:rotateInDownRight 1s .2s ease both;
						}

@-webkit-keyframes rotateInDownRight{
							0%{-webkit-transform-origin:right bottom;
							-webkit-transform:rotate(-90deg);
							opacity:0}
							100%{-webkit-transform-origin:right bottom;
							-webkit-transform:rotate(0);
							opacity:1}
						}

@-moz-keyframes rotateInDownRight{
							0%{-moz-transform-origin:right bottom;
							-moz-transform:rotate(-90deg);
							opacity:0}
							100%{-moz-transform-origin:right bottom;
							-moz-transform:rotate(0);
							opacity:1}
						}

/*43.浠ュ乏涓嬭涓轰腑蹇冩棆杞繘鍏� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rotateInUpLeft 		{
							-webkit-animation:rotateInUpLeft 1s .2s ease both;
							-moz-animation:rotateInUpLeft 1s .2s ease both;
}

@-webkit-keyframes rotateInUpLeft{

							0%{-webkit-transform-origin:left bottom;
							-webkit-transform:rotate(90deg);
							opacity:0}
							100%{-webkit-transform-origin:left bottom;
							-webkit-transform:rotate(0);
							opacity:1}
						}

@-moz-keyframes rotateInUpLeft{

							0%{-moz-transform-origin:left bottom;
							-moz-transform:rotate(90deg);
							opacity:0}
							100%{-moz-transform-origin:left bottom;
							-moz-transform:rotate(0);
							opacity:1}
						}

/*44.浠ュ彸涓嬭涓轰腑蹇冩棆杞繘鍏� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rotateInUpRight 		{
							-webkit-animation:rotateInUpRight 1s .2s ease both;
							-moz-animation:rotateInUpRight 1s .2s ease both;
						}

@-webkit-keyframes rotateInUpRight{
							0%{-webkit-transform-origin:right bottom;
							-webkit-transform:rotate(-90deg);
							opacity:0}
							100%{-webkit-transform-origin:right bottom;
							-webkit-transform:rotate(0);
							opacity:1}
						}

@-moz-keyframes rotateInUpRight{
							0%{-moz-transform-origin:right bottom;
							-moz-transform:rotate(-90deg);
							opacity:0}
							100%{-moz-transform-origin:right bottom;
							-moz-transform:rotate(0);
							opacity:1}
						}

/*45.鏃嬭浆閫€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rotateOut 				{
							-webkit-animation:rotateOut 1s .2s ease both;
							-moz-animation:rotateOut 1s .2s ease both;
						}

@-webkit-keyframes rotateOut{
							0%{-webkit-transform:rotate(0);
							opacity:1}
							100%{-webkit-transform:rotate(-90deg);
							opacity:0}
						}

@-moz-keyframes rotateOut{
							0%{-moz-transform:rotate(0);
							opacity:1}
							100%{-moz-transform:rotate(-90deg);
							opacity:0}
						}

/*46.浠ュ乏涓嬭涓轰腑蹇冩棆杞€€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rotateOutDownLeft 		{
							-webkit-animation:rotateOutDownLeft 1s .2s ease both;
							-moz-animation:rotateOutDownLeft 1s .2s ease both;
}

@-webkit-keyframes rotateOutDownLeft{

							0%{-webkit-transform-origin:left bottom;
							-webkit-transform:rotate(0);
							opacity:1}
							100%{-webkit-transform-origin:left bottom;
							-webkit-transform:rotate(-90deg);
							opacity:0}
}
							@-moz-keyframes rotateOutDownLeft{
							0%{-moz-transform-origin:left bottom;
							-moz-transform:rotate(0);
							opacity:1}
							100%{-moz-transform-origin:left bottom;
							-moz-transform:rotate(-90deg);
							opacity:0}
}

/*47.浠ュ彸涓嬭涓轰腑蹇冩棆杞€€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rotateOutDownRight 	{
							-webkit-animation:rotateOutDownRight 1s .2s ease both;
							-moz-animation:rotateOutDownRight 1s .2s ease both;
						}

@-webkit-keyframes rotateOutDownRight{

							0%{-webkit-transform-origin:right bottom;
							-webkit-transform:rotate(0);
							opacity:1}
							100%{-webkit-transform-origin:right bottom;
							-webkit-transform:rotate(-90deg);
							opacity:0}
						}

@-moz-keyframes rotateOutDownRight{

							0%{-moz-transform-origin:right bottom;
							-moz-transform:rotate(0);
							opacity:1}
							100%{-moz-transform-origin:right bottom;
							-moz-transform:rotate(-90deg);
							opacity:0}
						}		

/*48.浠ュ乏涓嬭涓轰腑蹇冨悜涓婃棆杞€€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rotateOutUpLeft 		{
							-webkit-animation:rotateOutUpLeft 1s .2s ease both;
							-moz-animation:rotateOutUpLeft 1s .2s ease both;
						}

@-webkit-keyframes rotateOutUpLeft{

							0%{-webkit-transform-origin:left top;
							-webkit-transform:rotate(0);
							opacity:1}
							100%{-webkit-transform-origin:left top;
							-webkit-transform:rotate(-90deg);
							opacity:0}
						}

@-moz-keyframes rotateOutUpLeft{
							0%{-moz-transform-origin:left top;
							-moz-transform:rotate(0);
							opacity:1}
							100%{-moz-transform-origin:left top;
							-moz-transform:rotate(-90deg);
							opacity:0}
						}

/*49.浠ュ彸涓嬭涓轰腑蹇冨悜涓婃棆杞€€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rotateOutUpRight 		{
							-webkit-animation:rotateOutUpRight 1s .2s ease both;
							-moz-animation:rotateOutUpRight 1s .2s ease both;
						}

@-webkit-keyframes rotateOutUpRight{

							0%{-webkit-transform-origin:right top;
							-webkit-transform:rotate(0);
							opacity:1}
							100%{-webkit-transform-origin:right top;
							-webkit-transform:rotate(-90deg);
							opacity:0}
						}

@-moz-keyframes rotateOutUpRight{

							0%{-moz-transform-origin:right top;
							-moz-transform:rotate(0);
							opacity:1}
							100%{-moz-transform-origin:right top;
							-moz-transform:rotate(-90deg);
							opacity:0}
						}

/*50.鏃嬭浆鐫€杩涘叆 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rollIn 				{
							-webkit-animation:rollIn 1s .2s ease both;
							-moz-animation:rollIn 1s .2s ease both;
						}

@-webkit-keyframes rollIn{
							0%{opacity:0;
							-webkit-transform:translateX(-100%) rotate(-120deg)}
							100%{opacity:1;
							-webkit-transform:translateX(0px) rotate(0deg)}
						}

@-moz-keyframes rollIn {
							0%{opacity:0;
							-moz-transform:translateX(-100%) rotate(-120deg)}
							100%{opacity:1;
							-moz-transform:translateX(0px) rotate(0deg)}
						}

/*51.鏃嬭浆鐫€閫€鍑� 鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛鈭封埛 */

.rollOut 				{
							-webkit-animation:rollOut 1s .2s ease both;
							-moz-animation:rollOut 1s .2s ease both;
						}

@-webkit-keyframes rollOut{
							0%{opacity:1;
							-webkit-transform:translateX(0px) rotate(0deg)}
							100%{opacity:0;
							-webkit-transform:translateX(100%) rotate(120deg)}
						}
							@-moz-keyframes rollOut{
							0%{opacity:1;
							-moz-transform:translateX(0px) rotate(0deg)}
							100%{opacity:0;
							-moz-transform:translateX(100%) rotate(120deg)}
						}


/* ------------------------- 鑷畾涔夊姩鐢� ------------------------------- */</pre></body></html>